@charset "utf-8";
/* CSS Document */
/* css 是在style属性里面的 可以说整个样式都是这个属性的值 这个是行间样式的写法*/
.box {
	width: 1000px;
	height: 500px;
	/*background: gray;*/
	/*font-family:"微软雅黑1","宋体","黑体";*/
	font-family: "微软雅黑", Arial;
	/* 当字体是中文的 ,就要使用双引号把字体的名字框起来*/
	/*如果是一个单词的英文字体名字  就可以不用双引号,当英文字体是多个单词的时候,也需要使用双引号框起来*/
	/*单位px */
	font-size: 30px;
	/*单位是必须的,*/
	/*颜色值 三个的 也是生效的 #f00 ff0000 fff000*/
	/*六位色缩写成三位的时候 R G  B 两位数值必须一样 */
	/*  R   G   B*/
	/*# 00  00  00   */	
	/*color:#fff000;*/
	/*rgb(255,255,255) 对应着 #ff ff ff  rgb(0,0,0)对应着#00 00 00*/
	/*color:rgb(255,255,255);*/
	/*a 透明度  透明度的值 在0~1之间 0是全透明  1是不透明*/
	color: rgba(0,0,0,1);
	/*100~500暂时并无卵用*/
	/*600以上到900 或者使用关键字 bold*/
	font-weight: normal;
	/*字体格式 倾斜*/
	font-style: italic;
	/*改变字体大小写  font-variant:small-caps  小写单词会变成大写的  但是会小一点*/
	font-variant: normal;
	/*align 就是对齐的意思*/
	/*居中  justify两端对齐 只作用于英文*/
	text-align: justify;
	/*-------text-indent设置第一行的缩进值,可正可负------------------------------*/
	text-indent: 10%;
	/*设置的每个字之间的距离*/
	/*letter-spacing:10px;*/
	word-spacing: 10px;
	/* 文本方向 只在ie有效 本来就是水平 horizontal*/
	layout-flow:vertical-ideographic;
	/*三个数字 要有顺序 第一个数字是阴影的右偏移  第二个数字是阴影的下偏移  最后一个是虚化程度*/
	/*颜色放前面放后面都可以*/
	text-shadow:50px 50px 10px blue;
	
	
}
/*取消i标签自带的样式*/
i {
	font-style: normal;
}
b {
	font-size: 40px;
	/*b标签默认就是 加粗 想让b不加粗 只需要改变他的font-weight:norml*/
	/*标签的自带属性虽然有用,但是有的标签用处不是特别大,更多的是用来划分层次*/
	font-weight: normal;
	/*svwsf  style variant weight size family  这是一种复合写法 效果跟上面的一样  可以去除一些属性 不全写完 */
	font: bold 30px "宋体";
}
/*text-align 不单只可以让文字居中 还可以让图片*/
.box1, .box2 {
	width: 1000px;
	height: 200px;
	background: red;
	text-align: center;
	line-height: 200px;
}
/*text-align (暂时)并不能作用于div标签 所以div标签 就可以使用margin 居中*/
.innerbox {
	width: 200px;
	height: 200px;
	background: blue;
	margin: 0 auto;
}
/*vertical  竖直  vertical-align非常不好用 生效环境少  */
.box11 {
	width: 1000px;
	height: 200px;
	background: blue;
	text-align: justify;
	vertical-align: bottom;
	/*letter-spacing:10px;*/
	/*只作用于 英文*/
	word-spacing:10px;
	/*字母大小写转变  lowercase 变小写  uppercase 变大写 capitalize 首字母大写*/
	text-transform:capitalize;
	
}
/*使用line-height 可使文本竖直居中 text-align:center; 水平居中 */
.linebox {
	width: 500px;
	height: 200px;
	background: blue;
	line-height: 2;
	font-size: 30px
}
/*行高不使用单位的时候,行高就会跟着字号变化  */
.linebox p {
	background: red;
}
/*a标签的默认值text-decoration:underline; */
/*underline下划线  overline 上划线  line-through 中划线*/
/*设置三个属性 属性之间  空格隔开*/
/*blink 这个属性是火狐的一个老版本才看到效果,其他流浪器不支持*/
a {
	text-decoration: overline;
}
